@import "./lib/variable";
.newsBox{
  max-width: 800rem / @pxToRem;
  height: 900rem / @pxToRem;
  line-height: 2;
  font-size: 28rem / @pxToRem;
  margin: 300rem*0.88 / @pxToRem 0 0 150rem*0.88 / @pxToRem;
  overflow: hidden;
}
.newsInfo .closeMask{
  width: 40rem / @pxToRem;
  height: 40rem / @pxToRem;
  top: 50rem / @pxToRem;
  right: 50rem / @pxToRem;
}
.newsSwiper .swiper-slide{
  display: block;
  height: 100%;
  overflow: hidden;
}
.newsSwiper .swiper-slide{
  height: 900rem / @pxToRem;
}

.swiper-body .newsBox .swiper-container-vertical > .swiper-pagination-bullets{
   left:0rem;
}

.swiper-body .newsSwiper .swiper-pagination-bullet{
  background: #999999;
}
.swiper-body .newsSwiper .swiper-pagination-bullet-active{
  background: #00adee;
}
.newsLists{
  padding: 0 0 0 60rem / @pxToRem;
  margin: 0;
  li{
    list-style: none;
    font-size:24rem / @pxToRem;
    color: #000000;
    cursor:pointer;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
}
.newsInfo{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #fff;
  z-index: 1000;
  display: none;
  padding-bottom: 5%;
  .newsContent{
    width: 80%;
    height: 100%;
    overflow-y: auto;
    padding: 5% 10%;
    h1{
      text-align: center;
      color: #00adee;
      font-size:40rem / @pxToRem;
      padding-bottom: 80rem*0.88 / @pxToRem;
    }
    p{
      line-height: 1.8;
      font-size:24rem / @pxToRem;
      text-align: justify;
    }
    img{
      max-height: 320rem / @pxToRem;
      margin-right: 40rem / @pxToRem;
      display: inline-block;
    }
  }
}
